<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮</button>
    <div class="div"></div>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

    <script>

        // 模板字符串
        // let div = document.querySelector('.div')
        // let btn= document.querySelector('button')
        // fn = hello => 'hello'
        // let flag = true
        // btn.onclick = () => {
        //     div.innerHTML = 
        //     `
        //     <div>
        //         ${fn()},我是${flag?'卡莎':'莎弥拉'},我的年龄是${21+1}岁
        //     </div>
        //     `
        //     div.style.color = 
        //     `
        //     rgb(${color()}, ${color()}, ${color()})
        //     `
        // }
        // let color = () => parseInt(Math.random()* 256)

        // 展开运算符
        // 1.展开数组
        // let arr = [1, 2, 4, 5]
        // let arr1 = ['一次不死','并且','超神']

        // let res = [...arr, ...arr1]
        // console.log(res)

        // 2.伪数组转化为数组
        // let fn = function () {
        //     return arguments
        // }
        // let arg = fn(1,2,3)
        // Array.from方法将伪数组转化为数组
        // let res1 = Array.from(arg)
        // 通过...将伪数组转化为数组
        // let res = [...arg]
        // console.log(res,res1)
        
        // let lis = document.querySelectorAll('ul li')
        // console.log(lis)
        // let lis1 = [...lis]
        // console.log(lis1)

        // 处理不定参数
        // function fn(a, ...args) {
        //     console.log(arguments)
        //     console.log(args)
        // }
        // fn(1,2,3,4)

        // 2.展开对象
        // 合并对象
        // let obj1 = {name: '卡莎'}
        // let obj2 = {age: 20}

        // let obj = {...obj1, ...obj2}
        // console.log(obj)

        // 3.字符串展开
        let str = "hello,world"
        let str1 = [...str]
        console.log(str1)





        


    </script>
</body>
</html>